@charset "utf-8";
@import "common/reset";
@function p($px){
    @return $px/2+px;
}
.mobile{
    header{
        overflow: hidden;
        .back{
            float: left;
            width: p(123);
            height: p(57);
            border: p(1) solid #ff9a50;
            border-radius: p(17);
            margin-left: p(23);
            margin-top: p(48);
            span{
                display: block;
                text-align: center;
                margin-top: p(10);
            }
        }
        .top_text{
            font-size: p(26);
            display: block;
            margin: 0 auto;
            margin-top: p(64);
            width: p(105);
        }
        select{
            width: p(160);
            height: p(58);
            color: #FF9344;
            border: p(1) solid #FF9344;
            float: right;
            margin-right: p(22);
            margin-top: p(-50);
        }
    }
    section{
        margin-top: p(35);
        margin-bottom: p(168);
        .section_input{
            width: p(270);
            height: p(55);
            border: p(1) solid #FF9344;
            margin: 0 auto;
            border-radius: p(60);
            overflow: hidden;
            input{
                width: p(180);
                border: none;
                margin-left: p(25);
                margin-top: p(13);
                font-size: p(24);
                float: left;
            }
            .section_sousuo{
                width: p(36);
                height: p(34);
                margin-top: p(10);
                float: left;
                img{
                    width: 100%;
                }
            }
        }
        p{
            font-size: p(26);
            text-align: center;
            margin-top: p(30);
        }
        .section_huise{
            margin-top: p(15);
            .section_huise_top{
                margin: 0 auto;
                overflow: hidden;
                width: 68.8%;
                .section_huise_top_box{
                    width: 24.5%;
                    height: p(64);
                    background-color: #dcdcdc;
                    margin: 0 0.25%;
                    float: left;
                    span{
                        display: block;
                        text-align: center;
                        font-size: p(20);
                        margin-top: p(16);
                        color: #898989;
                    }
                }
            }
        }.section_huise1{
            margin-top: p(5);
            .section_huise_top{
                margin: 0 auto;
                overflow: hidden;
                width: 68.8%;
                .section_huise_top_box{
                    width: 24.5%;
                    height: p(64);
                    background-color: #dcdcdc;
                    margin: 0 0.25%;
                    float: left;
                    span{
                        display: block;
                        text-align: center;
                        font-size: p(20);
                        margin-top: p(16);
                        color: #898989;
                    }
                }
            }
        }
        .youhui{
            width: 88%;
            margin-left: 6%;
            margin-bottom: p(16);
            margin-top: p(37);
            .youhui_img{
                width: p(32);
                height: p(47);
                float: left;
                img{
                    width: 100%;
                }
            }
            .youhui_img2{
                width: p(25);
                height: p(26);
                float: right;
                margin-top: p(13);
                img{
                    width: 100%;
                }
            }
            span{
                font-size: p(30);
                float: left;
                margin-top: p(10);
                margin-left: p(10);
            }
            span:nth-of-type(2){
                font-size: p(24);
                float: right;
                margin-right: p(5);
            }
        }
        .youhui2{
            width: 88%;
            margin-left: 6%;
            margin-bottom: p(16);
            margin-top: p(37);
            .youhui_img{
                width: p(38);
                height: p(38);
                float: left;
                img{
                    width: 100%;
                }
            }
            .youhui_img2{
                width: p(25);
                height: p(26);
                float: right;
                margin-top: p(5);
                img{
                    width: 100%;
                }
            }
            span{
                font-size: p(30);
                float: left;
                margin-left: p(10);
            }
            span:nth-of-type(2){
                font-size: p(24);
                float: right;
                margin-right: p(5);
            }
        }
        .section_imgs{
            margin-left: 3%;
            overflow: hidden;
            .section_imgs_one{
                width: 37.2%;
                float: left;
                padding-top: 46.7%;
                position: relative;
                img{
                    position: absolute;
                    width: 100%;
                    top: 0;
                    left: 0;
                }
            }
            .section_imgs_two{
                width: 56%;
                padding-top: 19.6%;
                margin-left: 1.3%;
                position: relative;
                float: left;
                margin-bottom: 1.3%;
                img{
                    position: absolute;
                    width: 100%;
                    top: 0;
                    left: 0;
                }
            }
            .section_imgs_three{
                width: 26%;
                padding-top: 26.3%;
                position: relative;
                margin-left: 1.3%;
                float: left;
                img{
                    width: 100%;
                    position: absolute;
                    left: 0;
                    top: 0;
                }
            }
            .section_imgs_four{
                width: 28.1%;
                padding-top: 26.3%;
                position: relative;
                margin-left: 1.8%;
                float: left;
                img{
                    position: absolute;
                    width: 100%;
                    left: 0;
                    top: 0;
                }
            }
        }
        .tuijian{
            overflow:  hidden;
            .tuijian_img1{
                width: 29.3%;
                padding-top: 26.7%;
                margin-left: 3%;
                position: relative;
                float: left;
                img{
                    width: 100%;
                    position: absolute;
                    top: 0;
                }
            }
        }
    }
}
